<template>
  <div>
    <div>
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item>专业</van-swipe-item>
        <van-swipe-item>高效</van-swipe-item>
        <van-swipe-item>服务</van-swipe-item>
        <van-swipe-item>严谨</van-swipe-item>
      </van-swipe>
      <van-grid :border="false">
        <van-grid-item icon="friends-o" text="客户管理" to="/crm/customer"/>
        <van-grid-item icon="cart-o" text="商机管理" to="/crm/order"/>
        <van-grid-item icon="cart-o" text="续费管理" to="/crm/renewal"/>
        <van-grid-item icon="points" text="费用申请" to="/crm/apply"/>
        <van-grid-item icon="points" text="差旅费管理" to="/crm/cost" v-if="$auth.hasRoleOr(['admin','sdl'])"/>
       <van-grid-item icon="cart-o" text="项目管理" to="/crm/project"/>
       <van-grid-item icon="points" text="收付款管理" to="/crm/collectPayMoney"/>
       <van-grid-item icon="desktop-o" text="工单管理" to="/crm/task"/>
       <van-grid-item icon="todo-list-o" text="待办任务" to="/flow/todo"/>
        <van-grid-item icon="calendar-o" text="周报管理" to="/erp/weekly"/>
        <!--<van-grid-item icon="bar-chart-o" text="技术部工单" to="/report/techOrder"/>-->
      </van-grid>
    </div>
    <!--   移动端底部栏 -->
    <Tabbar class="onlyMobile"></Tabbar>
  </div>
</template>

<script>
import Tabbar from "@/layout/components/Tabbar/index.vue";

export default {
  name: "index",
  components: {Tabbar}
}
</script>

<style scoped>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #6a8393;
  }
</style>
